import React, { Component } from 'react'
import Maindiv from './components/mainDiv'
import './jingxuan.scss'
export default class nvzhuang extends Component {
  constructor(){
    super()
    this.state={
      mainlist:[{
        'id':0,
        'src':'https://d.vpimg1.com/upcb/2019/12/31/2/ias_157778919671573_570x273_90.jpg',
        'title':'马克华菲男女鞋混合专场-秋冬靴品，热卖好货',
        'red_txt':3.7,
        'text':'折封顶  |  低至1折'
      },
      {
        'id':1,
        'src':'https://d.vpimg1.com/upcb/2020/01/09/83/ias_157854183962116_570x273_90.jpg',
        'title':'年度重磅特卖-沙驰satchi男女鞋包专场',
        'red_txt':0.9,
        'text':'折起'
      },
      {
        'id':2,
        'src':'https://c.vpimg1.com/upcb/2020/01/12/39/ias_157879953651188_570x273_90.jpg',
        'title':'接吻猫KISSCAT集团女鞋包专场',
        'red_txt':1,
        'text':'折起  |  部分商品折上2.7折'
      },
      {
        'id':3,
        'src':'https://c.vpimg1.com/upcb/2020/01/10/96/ias_157862707683206_570x273_90.jpg',
        'title':'金利来goldlion男女鞋包',
        'red_txt':1.1,
        'text':'折起  |  部分商品折上3折起'
      }]
    }
  }
  render() {
    return (
      <div className='main jingxuan' id='xiebao'>
        <img src='https://a.vpimg4.com/upload/dop/2016/03/17/72/shoe.png' alt='' />
        <hr />
        <div className='jx_xq'>
          {this.state.mainlist.map(el=>{
            return <Maindiv key={el.id} mainlist={el}></Maindiv>
          })}
        </div>
      </div>
    )
  }
}
